<template>
  <div class="home">
   
    <div class="header-contain">
      <div class="w-100 h-100 d-flex" :class="comIsMini?'jc-end':'jc-center'">
        <img
          src="@/assets/images/xzqy.png"
          class="header-text"
          :class="{'mini':comIsMini}"
          v-if="!isSelect"
        />
      </div>
    </div>

    <div class="bg-section" :class="comIsMini?'pt-0':'pt-5'">
      <router-view />
    </div>
  </div>
</template>

<script>
// @ is an alias to /src
import { mapGetters } from "vuex";

export default {
  name: "Home",
  computed: {
    ...mapGetters(["isSelect", "isAS"]),

    comIsMini() {
      let path = this.$route.fullPath;
      return /ft|hq|my|ky/g.test(path);
    },
    comAuSrc(){
      return `${process.env.VUE_APP_BASE_API}m.mp3`
    }
  },
  
};
</script>

<style lang="scss" scoped>
.home {
  height: 100%;
  position: relative;
  .header-contain {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding-top: 0.5rem /* 120/112 */;
    background: #000;
    .header-text {
      width: 3.7rem;
      height: 1.955357rem /* 219/112 */;
      // back
      &.mini {
        width: 2.2rem;
        height: 1.1rem;
      }
    }
  }

  .bg-section {
    z-index: 20;
    position: fixed;
    top: 2.6rem;
    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;
    // height: 100%;
    background-image: url(../assets/images/bg1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    // background-position-y: -10px;
  }
}
</style>
